/*
 * Copyright (c) 2019-Now Asako Studio. All rights reseved.
 * @fileoverview | 定义小程序内部统一的主题及全局变量
 * @Author: mukuashi | mukuashi@icloud.com
 * @version 0.1 | 2019-07-08 // Initial version.
 * @Date: 2019-07-08 14:41:58 
 * @Last Modified by: mukuashi
 * @Last Modified time: 2020-04-20 19:42:43
 */
@global-prefix: "mux"; // 全局简写
// 组件库
@dark-color: #000;
@theme-color: #623bff;
@warning-color: #ff9900;
@info-color: #2db7f5;
@error-color: #ed4014;
@subsidiary-color: #ededed;
@disable-color: #dee2e6;
@brand-color: #585860;
@orangered-color: #ff6945;
@primary-color: @theme-color;
@success-color: #19be6b;
// font
@font-size-base: 28rpx;
@font-size-md: 36rpx;
@font-size-lg: 48rpx;
@font-size-sl: 24rpx;
@font-family-default: "Monospaced Number", "Chinese Quote",
  "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI",
  Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue",
  Helvetica, Arial, sans-serif;
@font-initialize-color: #fff;
@font-theme-color: #fefefe;
@title-color: #333;
@text-color: #888;
@text-weight-color: #666;
@text-light-color: #999;
// layout
@box-sizing: border-box;
// background color
@background-init-color: #fff;
@background-light-color: #ccc;
@background-base-color: #f8f8f8;
@background-night-color: #11121c;
//border
@border-width-base: 2rpx;
@border-style-base: solid;
@border-color-base: rgba(@dark-color, 0.1);
//
@border-radius-base: 4rpx;
//line-height
@line-height-base: 1.6;
// Button
@btn-font-size : @font-size-base;
@btn-font-size-lg : @font-size-md;
@btn-font-size-sl : 20rpx;

@btn-height : 80rpx;
@btn-height-lg : 110rpx;
@btn-height-sl : 36rpx;

@btn-border-radius : 25rpx;
@btn-border-radius-lg : 50rpx;
@btn-border-radius-sl : 10rpx;

@btn-disable-color : @disable-color;
@btn-default-color : @title-color;

// z-index
@zindex-spin : 8;
@zindex-affix : 10;
@zindex-tips : 1060;
@zindex-mask : 9000;
// Animation
@animation-time : .3s;
@transition-time : .2s;
@ease-in-out : ease-in-out;
// Avatar
@avatar-size-base: 80rpx;
@avatar-font-size-base: 48rpx;
@avatar-size-lg: 110rpx;
@avatar-font-size-lg: 60rpx;
@avatar-size-sm: 40rpx;
@avatar-font-size-sm: @font-size-base;
// Spin
@spin-dot-size: 64rpx;
@spin-dot-size-sl: 36rpx;
@spin-dot-size-lg: 96rpx;
@spin-dot-size-hg: 130rpx;
